// window.addEventListener('load',function(){
//     //获取元素
//     var chuanzhi_both=document.querySelector('.chuanzhiBothCheck');
//     var chuanzhi_single=document.querySelectorAll('.chuanzhiSingleCheck');
//     //点击全选，下面按钮全部被选上
//     chuanzhi_both.addEventListener('click',function(){
//         // console.log(this.checked);
//         for(var i=0;i<chuanzhi_single.length;i++){
//             chuanzhi_single[i].checked=this.checked;
//         }
//     })
//     //点击单选全部，全选按钮也选上

//     for(var i=0;i<chuanzhi_single.length;i++){
//         chuanzhi_single[i].addEventListener('click',function(){
//             var flag=true;
//             for(var i=0;i<chuanzhi_single.length;i++){
//                if(!chuanzhi_single[i].checked){
//                    flag=false;
//                    chuanzhi_both.checked=flag;
                  
//                }
//                else{
//                    chuanzhi_both.checked=flag;
                   
//                }
//             }
            
            

//         })
//     }
// })




$(function(){
  //全选 

  //当点击上面全选按钮,传智和神州全选按钮也选中
  $('.bothCheck' ).change(function(){
    // console.log($(this).prop('checked'));
    $('.chuanzhiBothCheck,.chuanzhiSingleCheck,.shenzhouBothCheck,.shenzhouSingleCheck,.bothCheck').prop('checked',$(this).prop('checked'));
    if($(this).prop('checked')){
        $('.item').addClass('bgChange');
    }
    else{
        $('.item').removeClass('bgChange');
    }
  
   
    
})

  //传智
  $('.chuanzhiBothCheck').change(function(){
    // console.log($(this).prop("checked"));
    $('.chuanzhiSingleCheck').prop('checked',$(this).prop("checked"));
    //背景颜色
    if($(this).prop('checked')){
   $('.chuanzhi_list .item').addClass("bgChange");
    }
    else{
     $('.chuanzhi_list .item').removeClass('bgChange');
    }

  })
  //神州
  $('.shenzhouBothCheck').change(function(){
      $('.shenzhouSingleCheck').prop('checked',$(this).prop('checked'));
      //背景颜色
    if($(this).prop('checked')){
        $('.shenzhou_list .item').addClass('bgChange');
         }
         else{
          $('.shenzhou_list .item').removeClass('bgChange');
         }
     
  })

  

  //全不选  :checked
$('.chuanzhiBothCheck,.shenzhouBothCheck').change(function(){
    if($('.chuanzhiBothCheck:checked').length==1 && $('.shenzhouBothCheck:checked').length==1){
        $('.bothCheck').prop('checked',true)
    }
    else{
        $('.bothCheck').prop('checked',false);
    }
  

})
// 传智
$('.chuanzhiSingleCheck').change(function(){
    if($('.chuanzhiSingleCheck:checked').length==$('.chuanzhiSingleCheck').length  ){
        $('.chuanzhiBothCheck').prop('checked',true);
    }
    else{
        $('.chuanzhiBothCheck,.bothCheck').prop('checked',false);
    }
    //背景颜色
    if($(this).prop('checked')){
        $(this).parents('.item').addClass('bgChange');
    }
    else{
        $(this).parents('.item').removeClass('bgChange');

    }
})


// 神州
$('.shenzhouSingleCheck').change(function(){
    if($('.shenzhouSingleCheck:checked').length==$('.shenzhouSingleCheck').length){
        $('.shenzhouBothCheck').prop('checked',true);
    }
    else{
        $('.shenzhouBothCheck,.bothCheck').prop('checked',false);
    }
   //背景颜色
   if($(this).prop('checked')){
    $(this).parents('.item').addClass('bgChange');
}
else{
    $(this).parents('.item').removeClass('bgChange');

}
   
})



//修改内容文本值
//增减商品数量

//增
$('.jia').click(function(){
   var num= $(this).siblings('.box').val();
   //console.log(num);
   num++;
   $(this).siblings('.box').val(num);


   //修改小计
   var xiaoji=$(this).parent().siblings('.list_price').text();
   //截取
   xiaoji=xiaoji.substr(1);
   $(this).parent().siblings('.list_xiaoji').text('￥'+(xiaoji * num).toFixed(2));
   getSum();
})

//减
$('.jian').click(function(){
    var num=$(this).siblings('.box').val();
    if(num==1){
        // $(this).siblings('.box').text(1)
        return false;
    }
    num--;
    $(this).siblings('.box').val(num);

     //修改小计
   var xiaoji=$(this).parent().siblings('.list_price').text();
   //截取
   xiaoji=xiaoji.substr(1);
   $(this).parent().siblings('.list_xiaoji').text('￥'+(xiaoji*num).toFixed(2));
//    getSubtract();
getSum();
   
})


// 修改商品小计


//用户修改表单的值，计算当前小计
$('.box').change(function(){
    var num=$(this).val();
    // console.log(num);
    var xiaoji=$(this).parent().siblings('.list_price').text();

    if(num<1){
        $(this).parent().siblings('.list_xiaoji').text(xiaoji);   
    }
    else{
         //截取
    xiaoji=xiaoji.substr(1);
    $(this).parent().siblings('.list_xiaoji').text('￥'+(xiaoji*num).toFixed(2));
    getSum();
  
    }

   
})


// 计算总计和总额
//总计
   function getSum(){
       //总计
       var count=0;
       //总额
       var money=0;
       //总计
       $('.box').each(function(i,ele){
        //    console.log($(ele).val());
          count += Number($(ele).val());
       })
       $('.zongji').text(count);
    //    //总额
       $('.list_xiaoji').each(function(i,ele){
           money +=parseFloat($(ele).text().substr(1));
       })
       $('.zongjia').text(money.toFixed(2));
   } 


   //点击全选
   $('.chuanzhiBothCheck,.shenzhouBothCheck,.bothCheck').change(function(){
    if($('.chuanzhiBothCheck').prop('checked') && $('.shenzhouBothCheck').prop('checked') || $('bothCheck').prop('checked') ){
        getSum();
    }
    else if($('.chuanzhiBothCheck').prop("checked") ){ 
        getchuanzhi();
    }
    else if($('.shenzhouBothCheck').prop('checked')){
        
        getshenzhou();
    }
else{
    $('.zongji').text(0);
    $('.zongjia').text(0);

}
 
})


   //点击传智单选复选框，下面的小计也跟着变化
   //奇怪，count从0开始计算
$('.chuanzhiSingleCheck').change(function(){
    //传智单选复选框小计
      //当前小计
    var count =Number($(this).siblings('.list_shuliang').children('.box').val());
        //总计
    var zongji=Number($('.zongji').text());
   if($(this).prop('checked')){
    zongji += count;
   }
   else{
       zongji-=count;

   }
   $('.zongji').text(zongji);    
   //总价
   var zongjia=parseFloat($('.zongjia').text());
   var  money =parseFloat($(this).siblings('.list_xiaoji').text().substr(1));
  if($(this).prop('checked')){
   zongjia +=money;
  }
  else{
      zongjia -= money;

  }
  $('.zongjia').text(zongjia.toFixed(2));  

})



  //点击神州单选复选框，下面的小计也跟着变化
  $('.shenzhouSingleCheck').change(function(){
          //总计
      var  count =Number( $(this).siblings('.list_shuliang').children('.box').val());
      var zongji=Number($('.zongji').text());
      if($(this).prop('checked')){
      zongji += count;
     }
     else{
         zongji-=count;
  
     }
     $('.zongji').text(zongji);    
     //总价
     var zongjia=parseFloat($('.zongjia').text());
     console.log(zongjia);
     var  money =parseFloat($(this).siblings('.list_xiaoji').text().substr(1));
     console.log(money);
    if($(this).prop('checked')){
     zongjia +=money;
    }
    else{
        zongjia -= money;
  
    }
    $('.zongjia').text(zongjia.toFixed(2));  

    
  })











  


//传智全选函数封装
function getchuanzhi(){
    var count1=0;
    //总计
      $('.chuanzhi_item').children('.list_shuliang').children('.box').each(function(i,ele){
           count1+=Number($(ele).val());
    
       });
       var count2=0;
       $('.chuanzhi_huangou').children('.list_shuliang').children('.box').each(function(i,ele){
            count2+=Number($(ele).val());
     
        });
        var count=count1+count2;
        $('.zongji').text(count);   
        //总额
        var money1=0;
        var money2=0;
       $('.chuanzhi_item').children('.list_xiaoji').each(function(i,ele){
           money1 += parseFloat($(ele).text().substr(1));
        //    console.log(money1);

       })
    
       $('.chuanzhi_huangou').children('.list_xiaoji').each(function(i,ele){
        money2 += parseFloat($(ele).text().substr(1));
     //    console.log(money1);

    })
    var money=money1+money2;
    $('.zongjia').text(money.toFixed(2));
 
}

//神州全选函数封装
function getshenzhou(){
    //总计
    var count1=0;
    //神州
    $('.shenzhou_item').children('.list_shuliang').children('.box').each(function(i,ele){
         count1+=Number($(ele).val());
  
     });
     var count2=0;
     $('.shenzhou_huangou').children('.list_shuliang').children('.box').each(function(i,ele){
          count2+=Number($(ele).val());
   
      });
      var count=count1+count2;
      $('.zongji').text(count);   

    
      //总额
      var money1=0;
      var money2=0;
     $('.shenzhou_item').children('.list_xiaoji').each(function(i,ele){
         money1 += parseFloat($(ele).text().substr(1));
      //    console.log(money1);

     })
  
     $('.shenzhou_huangou').children('.list_xiaoji').each(function(i,ele){
      money2 += parseFloat($(ele).text().substr(1));
   //    console.log(money1);

  })
 var  money=money1+money2;
  $('.zongjia').text(money.toFixed(2));

}

//无
function getzero(){
    $('.zongji').text(0);
    $('.zongjia').text(0);
}





//点击数量，前面的复选框也选上，同时背景颜色变为黄色




$('.list_shuliang').click(function(){
    $(this).siblings('input').delay(1000).animate({
        checked:true
    })
    if($(".chuanzhiSingleCheck:checked").length == $('.chuanzhiSingleCheck').length-1){
      
        $('.chuanzhiBothCheck').prop('checked',true)

    }
    if($('.shenzhouSingleCheck:checked').length == $('.shenzhouSingleCheck').length){

        $('.shenzhouBothCheck').prop('checked',true)

    }
    if($('.chuanzhiBothCheck:checked').length==1 && $('.chuanzhiBothCheck:checked').length==1)
    $('.bothCheck').prop('checked',true)
    
})



// 删除商品
//(1)删除商品后面的删除按钮
$('.shanchu a').click(function(){
    $(this).parents('.item').remove();

})

//(2)删除选中的商品
$('.both-shanchu a').click(function(){
    //被选中传智全选删除
    $('.chuanzhiBothCheck:checked').parents('.chuanzhi').remove();
    //被选中传智单选删除
  $('.chuanzhiSingleCheck:checked').parent('.item').remove();
    //被选中神州全选删除
    $('.shenzhouBothCheck:checked').parents('.shenzhou').remove();

    //被选中传智单选删除
  $('.shenzhouSingleCheck:checked').parents('.item').remove();
     //选中全部复选框，删除全部商品(类似于清空购物车)
  if($('.bothCheck:checked')){
      $('.jiesuan_body').remove();
  }

})








// 清理购物车
$('.qingchu a').click(function(){
    $('.jiesuan_body').remove();
})


//背景颜色变化
  
 function bgChange(){
    if($(this).prop('checked')){
        $(this).parents('.item').addClass('bgChange');
    }
    else{
        $(this).parents('.item').removeClass('bgChange');
    
    }
 }


})


//遗留问题
// 点击全智单选复选框，点击神州全选复选框，取消神州全选复选框，数量和单价出现问题。
//问题根源在于  全选复选框跟单选复选框不匹配


